<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if IE 8]> <html lang="zh-CN" class="ie8"> <![endif]-->
<html lang="zh-CN">

	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title>列表</title>
		<meta content="telephone=no,email=no,address=no" name="format-detection" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
		<meta name="msapplication-tap-highlight" content="no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		<meta name="wap-font-scale" content="no" />
		<meta name="Keywords" content="" />
		<meta name="Description" content="" />

		<meta name="is_webp" content="no" />
		<!-- 网站头像 -->
		<link rel="icon" type="image/x-icon" href="" />
		<link rel="shortcut icon" type="image/x-icon" href="" />
		<link rel="stylesheet" href="../common/css/common.css" />
		<!--整站改色 _start-->
		<link rel="stylesheet" href="../common/css/color-style.css" />
		<link rel="stylesheet" href="../common/css/iconfont/iconfont.css" />
		<link rel="stylesheet" href="../css/tree.css" />
		<script src="../common/js/jquery.js"></script>
		
		<script src="../common/js/layer/layer.js"></script>
		<script src="../common/js/jquery.method.js"></script>
		<script src="../common/js/jquery.modal.js"></script>
	
		<script src="../js/common.js"></script>
		<script src="../js/memberInfo.js"></script>
		<script src="../js/goods_list.js"></script>

	</head>

	<body>
		<!-- 内容 -->
		<div id="index_content">
			<!-- 默认缓载图片 -->
			<!-- 加载列表页CSS -->
			<link rel="stylesheet" href="../css/category.css" />
			<script src="../common/js/jquery.rotate.min.js"></script>
			<script src="../common/js/jquery-ui.min.js"></script>
			<script src="../common/js/jquery.ui.touch-punch.min.js"></script>
			<!--列表页内容start-->
			<section class="category-content-section">

				<header>
					<div class="category-header">
						
						<div class="header-middle" style="margin-left:20px">
							<div class="search-box">
								<input name="bank" id="bank" type="text" placeholder="请输入场站名称" class="text" value="">
								<input name="officeId" id="officeId" type="hidden" value="">
							</div>
						</div>
						<!--grid布局的a有show-list这个class，list布局没有-->
						<div class="header-right">
							<aside class="show-menu-btn">
								<div class="show-menu" id="show_more">
									<a href="javascript:void(0)"></a>
								</div>
							</aside>
						</div>
					</div>
				</header>
				<section class="filtrate-term ">
					<ul>
						<li class="pull-down" idx="office_search">
							<a href="javascript:void(0);" class="filtrate-sort" id="office_search_content">
								<em>所属部门</em>								
							</a>
						</li>
						
					</ul>
				</section>
				<div class="mask-div"></div>
				<div class="filtrate-more hide sale-num" id="office_search">
					<div class="tree well">
						<ul>
							<li id="rootli" class="liSel">
							  <span>所有部门</span>&nbsp;&nbsp;
							  <ul id="treeData">

							  </ul>
							</li>	
						
						</div>
				</div>
				<!--goods_grid布局start-->

				<div class="goods-list-grid">
					<div class="blank-div"></div>
				
					<div id="goods_list">
				
						<div class="tablelist-append clearfix">
				
							<div class="product single_item info">
									<li idx="2">
										<div class="item">

											
											<dl>
												<dt>
													<a href="javascript:void(0)" data-scroll="1" class="GO-GOODS-INFO" title="">场站中心设备场地1</a>
				
												</dt>
												<a class="shop-name" href="#">
													地址：南京江宁区
												</a>
												<dd>
													<i class="price-color">数据正常</i>
				
												</dd>
												<div class="item-con-info">
				
													<span class="goods-sales"></span>
				
													<div class="cart-box bill-show" id="number_24" style="">
														查看
													</div>
												</div>
											</dl>
										</div>
									</li>
								</a>
							</div>
							<!--测试-->
							
				
				
				
				
						</div>
						<!-- 分页 -->
						<div id="pagination" class="page">
							<div class="more-loader-spinner">				
							</div>				
						</div>				
					</div>				
				</div>
				<a href="javascript:void(0);" id="back-to-top" class="gotop hide"><img src="../images/topup.png"></a>
				<script>
					$(document).ready(function() {
						getMemberInfo();
				
						$(".single_item li").click(function(){
							window.location.href="deviceData.html?did="+$(this).attr("idx");			
						});

						//首先将#back-to-top隐藏
						$("#back-to-top").addClass('hide');
						//当滚动条的位置处于距顶部1000像素以下时，跳转链接出现，否则消失
						$(function() {
							$(window).scroll(function() {
								if($(window).scrollTop() > 100) {
									$("#back-to-top").removeClass('hide');
								} else {
									$("#back-to-top").addClass('hide');
								}
							});
							//当点击跳转链接后，回到页面顶部位置
							$("#back-to-top").click(function() {
								$('body,html').animate({
									scrollTop: 0
								}, 600);
								return false;
							});
						});

						$('#bank').bind('keypress', function(event) {
							if(event.keyCode == "13") {
								$(".tablelist-append").html("");
								queryList();
								return false;
							}
						});

						
					});
				</script>
			</section>

			<!--底部菜单 start-->
			<!--底部菜单 start-->
			<div style="height: 48px; line-height: 48px; clear: both;"></div>
			<div class="footer-nav">
				<ul>				
					<li class="current">
						<a href="index.html">
							<i class="iconfont icon-list"></i>
							<span>列表</span>
						</a>
					</li>

					<li class="">

						<a href="user.html">

							<i class="iconfont icon-01"></i>

							<span>我的</span>
						</a>
					</li>

				</ul>

			</div>

		
			<script type="text/javascript">
				function backTo() {
						$(".sb-back").attr("href", "javascript:void(0);");
						if (/(iPhone|iPad|iPod)/i.test(navigator.userAgent)) {
							window.location.href = window.document.referrer;
						} else {
							window.history.go("-1");
						}
					}

				//var scroll = '2';
				// 滚动加载数据
				$().ready(function() {
					
					$(window).on('scroll', function() {
						if(($(document).scrollTop() + $(window).height() + 2000) > $(document).height()) {
							pageNum++;
							if(pageNum > totalPages) {
								$(".more-loader-spinner").html('<div class="is-loaded"><em></em><span>亲，已经没有东西了哦！</span><em></em></div>');

								return;
							} else {
								queryList();
							}

						}
					});
				});
			</script>
			<!-- 地区选择器 -->
			
			<script src="../common/js/jquery.method.js"></script>
			
			<script src="../js/index.js"></script>

			<script type="text/javascript">
				var tablelist = null;
				$().ready(function() {
					
					$(".tablelist-append").html("");
					queryList();

					$(".btn-submit").click(function() {
						$('.close-filter-content').click();
						$(".tablelist-append").html("");
						queryList();
						pageNum = 1;

						$(window).scrollTop("0");
					
						return false;
					});

					if($(document).scrollTop() + $(window).height() == $(document).height()) {
						pageNum++;
						if(pageNum > totalPages) {
							$(".more-loader-spinner").html('<div class="is-loaded"><em></em><span>已经没有更多数据了！</span><em></em></div>');

							return;
						} else {
							queryList();
						}
					}

				});
			</script>
		</div>
	</body>
	<div class="show-menu-info" id="menu">
		<ul>		
			<li>
				<a href="index.html"><span class="category-menu"></span><i>列表</i></a>
			</li>			
			<li style=" border:0;">
				<a href="user.html"><span class="user-menu"></span><i>我的</i></a>
			</li>
		</ul>
	</div>
</html>
